
<style>

*{margin: 0; padding: 0;}

.ta_c{text-align: center;
margin-top: 100px;}

.logoRotate{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	animation: rotate 5s linear infinite;
	-moz-animation: rotate 5s linear infinite;	/* Firefox */
	-webkit-animation: rotate 5s linear infinite;	/* Safari 和 Chrome */
	-o-animation: rotate 5s linear infinite;	/* Opera */
}
@keyframes rotate
{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

@-moz-keyframes myfirst
{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

@-webkit-keyframes rotate
{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

@-o-keyframes rotate
{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
</style>
<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md" style="overflow: hidden">
        <li style="float:left"><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a>
        	</li>
        	<li style="float:left">
				<!--<div class="animateWrap">-->
					<!--<span class='moveLR1' style='position: absolute;'><img class='logoRotate' src="res/img/20170906203859.png">欢迎来到蜂巢&慧驿站后台管理系统</span>-->
				<!--</div>-->
				<!--<animate></animate>-->
        		   <!--<marquee direction="left" loop="-1" behavior="alternate" scrolldelay="15"><p ><font color="#ff6600" size="5" style="font-weight:bold;">-->
    	<!--<img class="Rotation img" src="res/img/20170906203859.png" style="vertical-align:middle;"/>欢迎来到蜂巢&慧驿站后台管理系统</font ></p ></marquee>-->
        		</li>
		<div style="margin:-20px 0px 0 50px; "><animate></animate></div>
       <!-- <li class="active" ng-bind="title"></li>-->
    </ul>
 </div>
   <div ng-if='userInfo.userType!=4' ng-include="'./src/tpl/table_ifc.html?'+v"></div>
   <div ng-if='userInfo.userType==4' ng-include="'./src/tpl/table_hui.html?'+v"></div>
 <style> 
body,td,.p1,.p2,.i{font-family:arial}
body{margin:6px 0 0 0;background-color:#fff;color:#000;}
table{border:0}
#cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px}
#cal #top{height:29px;line-height:29px;background:#e7eef8;color:#003784;padding-left:70px}
#cal #top select{font-size:12px}
#cal #top input{padding:0}
#cal ul#wk{margin:0;padding:0;height:25px}
#cal ul#wk li{float:left;width:60px;text-align:center;line-height:25px;list-style:none}
#cal ul#wk li b{font-weight:normal;color:#c60b02}
#cal #cm{clear:left;border-top:1px solid #ddd;border-bottom:1px dotted #ddd;position:relative}
#cal #cm .cell{position:absolute;width:42px;height:36px;text-align:center;margin:0 0 0 9px}
#cal #cm .cell .so{font:bold 16px arial;}
#cal #bm{text-align:right;height:24px;line-height:24px;padding:0 13px 0 0}
#cal #bm a{color:7977ce}
#cal #fd{display:none;position:absolute;border:1px solid #dddddf;background:#feffcd;padding:10px;line-height:21px;width:150px}
#cal #fd b{font-weight:normal;color:#c60a00}

.calendar{
  margin:100px auto; 
}
.calendar1{
  margin:30px auto; 
}
.content .indexContent{
  width:100%;
  height:100%;
  over-flow:hidden;

}
.content .indexContent .item{
    float:left;
    width:49%;
    height:49%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-align:center;
    vertical-align:middle;
    border:1px solid #dddddd;
    transition:all 0.5s;
    background:#fff;
    overflow:hidden;
}
.content .indexContent .item:nth-child(odd){
    margin-right:20px;
}
.content .indexContent .item:nth-child(1),.content .indexContent .item:nth-child(2){
    margin-bottom:20px;
}
.content .indexContent .item p{

}
.content .indexContent .title{
	height:37px;
	border-bottom:1px solid #dddddd;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background:#fff;
	z-index:100;
	line-height:37px;
}
.content .indexContent .title .icon{
	margin:10px 0 0 10px;
}
.content .indexContent .main{
	height:100%;
	overflow-y:auto;
	padding-top:37px;
}
.content .indexContent .title .arrowDown{
    float:right;
    padding:13px;
    cursor:pointer;
    transition:all 0.5s;
}
.content .indexContent .title .rotate{
	transform:rotate(180deg)
}
.content .indexContent .slideUp{
   height:37px
}
.fl{
   float:left;
}
</style>
